<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>






<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Post a File</title>


<style type="text/css" media="all">@import "css_postafile.css";</style><script charset="utf-8" id="injection_graph_func" src="chrome://skype_ff_toolbar_win/content/injection_graph_func.js"></script><base href="file:///C:/Documents%20and%20Settings/Jaime%20Sandoval/Mis%20documentos/postafile/views/index.html"><style xml:base="/C:/Documents%20and%20Settings/Jaime%20Sandoval/Mis%20documentos/postafile/views/" type="text/css" id="webdeveloper-edit-css-style-0">@charset "utf-8";
/* CSS Document */
body{
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	padding:0px;
}


#header{
	background:#50A0A0;
	height:102px;
	width:100%;
}
#menu{
	margin-top:10px;
	background:url(../public/img/fondo_menu.jpg);
	height:40px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:5px;
}
#menu tr td.menutd:hover
{
   background: #86C428;
}
#page_container {
	padding: 20px;
	max-width: 900px;
        width: expression(document.body.clientWidth > 900 ? "900px" : true);
	text-align: center;
}
#temas{
	float: right;
    width: 200px;
    padding: 0 10px 0 10px;
    border-left: 1px solid Gray;
		
}

#contenido{
	margin-right: 220px;
    padding-right: 11px;
    border-right: 1px solid Gray;
	text-align:left;
	padding:5px;
}
#busqueda{
	width:100%;
}
.formedit{
	font-family:Arial, Helvetica, sans-serif;
	
}
.formbuttom{
	font-family:Arial, Helvetica, sans-serif;
}
.linktemas{
	color:#000099;
	text-align:center;
	
}
.linktemas:hover{
	color:#009966;
	text-decoration:underline;
}
.linkmenu{
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	text-shadow:#000000;
	text-decoration:none;
}
.linkmenu:hover{
	font-weight:900;
}
.linkfooter{
	font-size:10px;
	color:#666666;
}
.linkfooter:hover{
	color:#000099;
	text-decoration:underline;
}
.fonttitulo{
	font-size:18px;
	color:#666666;
	font-weight:bold;
	text-transform:capitalize;
}
.fontcontenido{
	color:#666666;
	text-align:left;
}</style><style xml:base="/C:/Documents%20and%20Settings/Jaime%20Sandoval/Mis%20documentos/postafile/views/" type="text/css" id="webdeveloper-edit-css-style-1">

</style></head><body>
<div id="header" align="center"><img src="../public/img/logotipo.jpg" align="left" height="102" width="566"> </div>
<div id="menu" align="center">
  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody><tr>
      <td class="menutd"><a href="#" class="linkmenu">Inicio</a></td>
      <td class="menutd"><a href="#" class="linkmenu">Log In</a></td>
      <td class="menutd"><a href="#" class="linkmenu">Foros</a></td>
      <td class="menutd"><a href="#" class="linkmenu">Ayuda</a></td>
      <td class="menutd"><a href="#" class="linkmenu">Contáctanos</a></td>
      <td width="320"><div id="busqueda" align="left">
        <form id="form_buscar" name="form_buscar" method="post" action="">
        Buscar: 
          <label>
          <input name="busqueda" class="formedit" id="busqueda2" maxlength="20" type="text">
            <input name="buscar" class="formbuttom" id="buscar" value="OK" type="submit">
          </label>
      </form>     </div> </td>
    </tr>
  </tbody></table>
</div>
<div id="wrapper" align="center"> 
 <div id="page_container" align="center">
	<div id="temas">
	  <p><img src="../public/img/categorias.jpg" height="60" width="200"></p>
	  <p>
      <a href="#" class="linktemas">Diseño Web</a><br>
      <a href="#" class="linktemas">Redes</a><br>
      <a href="#" class="linktemas">Sistemas Operativos</a><br>
      <a href="#" class="linktemas">Java</a><br>
      <a href="#" class="linktemas">C#</a></p>
    </div>
    <div id="contenido">
      <p class="fonttitulo">titulo </p>
      <p class="fontcontenido">contenido </p>
      <div id="footer" align="center">
      <p><a href="#" class="linkfooter">Contactanos</a>&nbsp;&nbsp; <a href="#" class="linkfooter">Terminos y Condiciones</a>&nbsp;&nbsp; <a href="#" class="linkfooter">Ayuda </a><br>
        Copyright JIDA Company </p>
      </div>  
    </div>
 </div>    
</div>

</body></html>